<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>药剂使用情况</title>

    <link rel="stylesheet" type="text/css" href="../../easyui/themes/material/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css">
    <script type="text/javascript" src="../../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../easyui/locale/easyui-lang-zh_CN.js"></script>

    <script type="text/javascript" src="../../web/amcharts/amcharts.js"></script>
    <script type="text/javascript" src="../../web/echart/dist4.7/echarts.js"></script>
    <script type="text/javascript" src="../../web/echart/dist4.7/echarts.min.js"></script>

    <script src="../../web/JS/common.js"></script>
    <script src="../../web/JS/URLRooter.js"></script>
    <script src="Chem_Current_info.js"></script>

    <style>
        .labelstyle {
            font-size: 10px;
        }

        .chartdiv {
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body class="easyui-layout">
    <div data-options="region:'center',iconCls:'',title:'',border:false"
        style="height: 100%;display: flex;flex-direction: column;">
        <div id="tab_Chem" class="easyui-tabs" data-options="tabHeight:50,tabWidth:150"
            style="width:100%;height: 100%;">
            <div title="当前用量" style="padding:20px;width: 100%;height: 100%;display: flex;flex-direction: column;">
                <div style="flex: 10%;padding-top: 0px;">
                    <div style="float: right;">
                        <div style="float:right;margin-right: 0px;margin-bottom: 10px;">
                            <a href="#" class="easyui-linkbutton" onclick="returnPotal()"
                            data-options="iconCls:'icon-back'">返回</a>
                        </div>
                        <br />
                        <input id="tg_Type1" class="easyui-tagbox"
                            data-options="limitToList: true,hasDownArrow: true,prompt: '请选择，至多五个'" value="" label=""
                            style="width:300px;">
                        
                    </div>

                </div>
                <div style="flex: 40%;">
                    <div id="chartdiv1" class="chartdiv"></div>
                </div>
                <div style="flex: 50%;">
                    <table id="dg_DateList1"
                        data-options="singleSelect:true,border:false,rownumbers:false,pagination:false,fitColumns:true,fit:true,nowrap:true,showHeader:true">
                        <thead>
                            <tr>
                                <th data-options="field:'chemtype',width:100,align:'center'">药剂名称</th>
                                <th data-options="field:'currentuse',width:50,align:'center'">当前用量（L/H）</th>
                                <th data-options="field:'caninventory',width:50,align:'center'">储柜剩余量（L）</th>
                                <th data-options="field:'emptycannum',width:80,align:'center'">空罐数</th>
                                <th data-options="field:'fullcannum',width:50,align:'center'">满灌数</th>
                                <th data-options="field:'totalinventory',width:50,align:'center'">药剂剩余总量（L）</th>
                                <th data-options="field:'planuseday',width:50,align:'center'">预计使用天数</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div title="累计用量" style="padding:20px;width: 100%;height: 100%;display: flex;flex-direction: column;">
                <div style="flex: 10%;padding-top: 0px;display: flex;flex-direction: column;">
                    <div style="flex: 1;text-align:right;margin-right: 0px;margin-bottom: 0px;">
                        <a href="#" class="easyui-linkbutton" onclick="returnPotal()"
                        data-options="iconCls:'icon-back'">返回</a>
                    </div>
                    <br />
                    <div style="flex:1;text-align: center;">
                        <input id="db_Start" class="easyui-datebox" style="width:300px;"
                            data-options="label:'日期：',labelWidth:100,labelAlign:'right'"> </input>
                        <input id="db_End" class="easyui-datebox" style="width:250px;"
                            data-options="label:'至',labelWidth:30,labelAlign:'right'""> </input>   
                        <a  href=" #" class="easyui-linkbutton" onclick="SearchData()"
                            data-options="iconCls:'icon-search'">查询</a>
                    </div>
                    <div style="flex: 1;text-align: right;">
                        <input id="tg_Type2" class="easyui-tagbox"
                            data-options="limitToList: true,hasDownArrow: true,prompt: '请选择，至多五个'" value="" label=""
                            style="width:300px;float: right;">
                    </div>
                </div>
                <div style="flex: 40%;">
                    <div id="chartdiv2" class="chartdiv"></div>
                </div>
                <div style="flex: 50%;">
                    <table id="dg_DateList2"
                        data-options="singleSelect:true,border:false,rownumbers:false,pagination:false,fitColumns:true,fit:true,nowrap:true,showHeader:true">
                    </table>
                </div>

            </div>
        </div>
    </div>
</body>

</html>